<!DOCTYPE html>
<style>
html, body {
    height: 100px;
    width: 100px;
    background: green;
    padding: 0;
    margin: 0;
}

div#child {
    position: relative;
    top : 700px;
    width: 50px;
    height: 300px;
    background: red;
}

</style>
<body>
    <div id='child'></div>
</body>

<script>
document.addEventListener("contextmenu", function(){
  top.debug("PASS context_menu_triggered in iframe");
});

document.addEventListener("click", function(){
  top.debug("PASS click_triggered in iframe");
});

window.onload = function(evt) {
  document.scrollingElement.scrollTop = "1000";
  top.debug("iframe's scroll top is " + document.scrollingElement.scrollTop);
  top.postMessage("subframe-loaded", "*");
}

</script>
